<template>
  <el-row v-if="isInline" :gutter="isInline ? gutter : 0">
    <slot />
  </el-row>
  <div v-else :class="{ 'inline': inline }">
    <slot />
  </div>
</template>

<script setup>
defineProps({
  // 是否是内联模式，非内联模式则会按照element的原型form一样，竖行排列,剔除掉栅格布局，isGrid将不起作用
  isInline: { type: Boolean, default: true },
  // 栅格式布局 gutter, col间距
  gutter: { type: Number, default: 12 },
  // element-ui的内联模式，只有isInline为false的时候才会起作用
  inline: { type: Boolean, default: false }
})
</script>